// components/test2/test2.js
Component({
options:{
  //正则表达，所有以_开头的为纯数据字段 不需要页面显示
  pureDataPattern:/^_/
},
lifetimes:{
  //页面刚刚创建
  created(){
    console.log('created');
  },
  //页面初始化
  attached(){
    console.log('attached');
  }
},
pageLifetimes:{
  //如果想在组件调用 页面生命周期函数
  show(){
    this.initColor();
  },
  hide(){},
  resize(){}
},
  /**
   * 组件的属性列表
   */
  properties: {

  },

  /**
   * 组件的初始数据
   */
  data: {
    n1:0,
    n2:0,
    sum:0,
    rgb:{
      r:0,
      g:0,
      b:0
    },
    fullcolor:'0,0,0'
  },

  /**
   * 组件的方法列表
   */
  methods: {
    initColor(){
      this.setData({
        rgb:{
          r:Math.floor(Math.random() * 256),
          g:Math.floor(Math.random() * 256),
          b:Math.floor(Math.random() * 256),
        }
      })
    },
    addN1(){
      this.setData({
        'n1':this.data.n1+1
      });
    },
    addN2(){
      this.setData({
        n2:this.data.n2+1
      });
    },
    addR(){
      this.setData({
        'rgb.r':this.data.rgb.r+10 > 255 ? 255 : this.data.rgb.r + 10
      });
    },
    addG(){
      this.setData({
        'rgb.g':this.data.rgb.g+10 > 255 ?255:this.data.rgb.g+10
      });
    },
    addB(){
      this.setData({
        'rgb.b':this.data.rgb.b+10 > 255 ?255:this.data.rgb.b+10
      });
    },
  },
  observers:{
    //监听属性变化
    'n1, n2':function(newN1,newN2) { 
      this.setData({
        sum:newN1+newN2
      });
    },
    'rgb.**':function(obj){
      this.setData({
        fullcolor:`${obj.r}, ${obj.g}, ${obj.b}`
      })
    }
  }
 
})